<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="style.css" />
	</head>

	<body>
		<!--灰条开始-->
		<table width="760" height="16" bgcolor="#cccccc" border="0" cellpadding="0" cellspacing="0" align="center">
			<tr>
				<td></td>
			</tr>
		</table>
		<!--灰条结束-->

		<!--导航条01开始-->
		<table width="760" align="center" border="0" cellpadding="0" cellspacing="0">
			<tr height="80">
				<td width="180">
					<img src="images/logo.jpg" alt="logo" />
				</td>
				<td></td>
				<td width="100">
					<table>
						<tr>
							<td weight="24" align="center"><a href="#">设为首页</a></td>
						</tr>
						<tr>
							<td weight="24" align="center"><a href="#">加入我们</a></td>
						</tr>
						<tr>
							<td weight="24" align="center"><a href="#">联系我们</a></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<!--导航条01结束-->

		<!--导航条02开始-->
		<table width="760" align="center" border="0" cellpadding="0" cellspacing="0" class="font_01">
			<tr height="26" bgcolor="#3B577C">
				<td>
					<a href="#">首页</a> |
					<a href="#">网站新闻</a> |
					<a href="#">产品信息</a> |
					<a href="#">留言区</a>
				</td>
				<tr height="4" bgcolor="#333333">
					<td></td>
				</tr>
			</tr>
		</table>
		<!--导航条02结束-->

		<!--填写资料开始-->
		<table width="760" height="400" align="center" border="1" cellpadding="0" cellspacing="0">
			<tr>
				<td>
					<table width="600" height="376" align="center" border="0" cellpadding="0" cellspacing="0" class="banner_01">
						<thead>
							<tr bgcolor="#eeeeee">
								<td align="center" colspan="2">请认真填写资料(带*必须填写)</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td width="100" align="center">用户名</td>
								<td>
									<input type="text" name="username" id="username" size="10" maxlength="7" value="icss" />小写字母开头，后面可以是小写字母，数字，下划线，6-32位
									<!--单行文本框 <input type="text"> name 文本框名称  id   size 文本框大小   maxlength 文本框文字最大限制 value 文本框默认值-->
									<!--readonly 只读 单一属性-->
									<!--disabled 禁用 单一属性-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">密码</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="10" maxlength="7" value="" />6-32位
									<!--密码框 type="password"-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">确认密码</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="10" maxlength="7" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">真实姓名</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="20" maxlength="7" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">性别</td>
								<td>
									<input type="radio" name="sex" id="boy" value="boy" checked/>
									<label for="boy">男</label>
									<!--点击文字也可以选择-->
									<!--for 与  id相同-->
									<input type="radio" name="sex" id="girl" value="girl" />
									<label for="girl">女</label>
									<!--单选按钮type="radio" name必须相同  checked 默认选择-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">出生日期</td>
								<td>
									<select name="year" id="year">
								<option value="year">1991</option>
								<option value="year">1991</option>
								<option value="year">1991</option>
								<option value="year">1991</option>
							</select>年
									<select name="month" id="month">
								<option value="beijing">北京</option>
								<option value="beijing">北京</option>
								<option value="beijing">北京</option>
								<option value="beijing">北京</option>
							</select>月
									<select name="day" id="day">
								<option value="beijing">北京</option>
								<option value="beijing">北京</option>
								<option value="beijing">北京</option>
								<option value="beijing">北京</option>
							</select>日
								</td>
							</tr>
							<tr>
								<td width="100" align="center">身份证</td>
								<td>
									<select name="city" id="city">
									<option value="beijing">北京</option>
									<option value="shanghai" selected>上海</option>
									<option value="guangzhou">广州</option>
								</select>
									<!--下拉列表框  select 选择的值 option 默认选择 selected -->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">身份证号</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="30" maxlength="17" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">联系电话</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="30" maxlength="13" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">密码提示问题</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="20" maxlength="17" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">密码提示答案</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="20" maxlength="17" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">电子邮件</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="20" maxlength="17" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td width="100" align="center">通讯地址</td>
								<td>
									<input type="password" name="userpwd" id="userpwd" size="20" maxlength="17" value="" />
									<!--textarea 多行文本框  rows 行高  cols 列宽-->
								</td>
							</tr>
							<tr>
								<td colspan="2" align="center">
									<input type="submit" name="" id="" value="立即注册" />
								</td>
							</tr>
						</tbody>
				</td>
			</tr>
			</table>
		</table>
		<!--填写资料结束-->
		
		<!--网页底部开始-->
		<table width="760" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#eee">
			<tr>
				<td height="24" align="center">公司地址：大连市中山区</td>
			</tr>
			<tr>
				<td height="24" align="center">联系电话：88888888 传真：88888888 邮编：116001</td>
			</tr>
			<tr>
				<td height="24" align="center">版权所有&copy;大连市XX公司</td>
			</tr>
		</table>
		<!--网页底部结束-->
		
	</body>

</html>